<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$Think.config.site.title} - 主页</title>
    <meta name="keywords" content="{$Think.config.site.keywords}">
    <meta name="description" content="{$Think.config.site.description}">
    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
     <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.css?v=4.1.0" rel="stylesheet">
</head>

<body >
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
            <style type="text/css">.col-sm-12 label{ font-weight:300; }</style>
                <div class="ibox float-e-margins">
                    <div class="">
                        <h5>充值记录</h5>
                    </div>
                    <div class="row ibox-title">
                    <form action="" method="post" name="payjilu">
                        <!-- <label>每页</label>
                        <label>
                            <select name="pages" class="input-sm form-control">
                                <option value="10">10</option>
                                <option value="15">15</option>
                                <option value="25">25</option>
                                <option value="35">35</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                        </label>
                        <label > 条记录</label> -->　　
                        <label >订单号:</label>
                        <label ><input type="text" class="input-sm form-control" name="order_no" aria-controls="" placeholder="输入订单号"></label>　　
                        <!-- <label>支付状态</label>
                        <label>
                            <select class="input-sm form-control" name="pay_status">
                               
                                <option value="1">已支付</option>
                                <option value="0">未支付</option>
                            </select>
                        </label> -->　　      
                        <label >用户名:</label>
                        <label ><input type="text" class="input-sm form-control" aria-controls="" name="name" placeholder="输入用户名"></label> 
                        <label><button type="submit" class="btn btn-sm btn-primary"> 提交</button> </label> 
                        </form>
                    </div>
                    <div class="ibox-content">

                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>支付单号</th>
                                    <th>用户</th>
                                    <th>充值余额</th>
                                    <th>充值押金</th>
                                    <th>已退押金</th>
                                    <th>付款方式</th>
                                    <th>交易时间</th>
                                </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="v"}
                                <tr>
                                    <td>{$v.order_no}</td>
                                    <td>{$v.trade_no}</td>
                                    <td>{$v.name}</td>
                                    <td>{$v.balance}</td>
                                    <td>{$v.deposit}</td>
                                    <td><font style="color: #676a6c; font-weight: 700;">{$v.refunddeposit}</font></td>
                                    <td>
                                        {switch name="v.pay_mode"}
                                            {case value="1"}微信支付{/case}
                                            {case value="2"}支付宝支付{/case}
                                        {/switch}
                                    </td>
                                    <td>{$v.payment_date|date="Y-m-d H:i:s",###}</td>
                                </tr> 
                            {/volist}
                            </tbody>
                        </table>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all"></div>
                        </div>
                        <div class="col-sm-6">
                            <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                                {$list->render()}
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 全局js -->
    <script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.6"></script>
    <!-- Peity -->
    <script src="{$Think.config.site.resource_url}js/plugins/peity/jquery.peity.min.js"></script>
    <!-- 自定义js -->
    <script src="{$Think.config.site.resource_url}js/content.js?v=1.0.0"></script>
    <!-- iCheck -->
    <script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
    <!-- Peity -->
    <script src="{$Think.config.site.resource_url}js/demo/peity-demo.js"></script>

    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>

    <script src="{$Think.config.site.resource_url}js/plugins/layer/laydate/laydate.js"></script>
    <script>
        //外部js调用
        laydate({
            elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });

        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    </script>
    <!--统计代码，可删除-->

</body>

</html>
